﻿@using htmlHelpers.Enums
@using htmlHelpers.Extensions
@{
    ViewBag.Title = "Buttons";
}


<div class="row-fluid">
    @(Html.Sushi().Layout()
	    .SetLayoutSize(GridSize.span3)
	    .AddElement(Html.Sushi().SideBar()
	                    .AddElement(Html.Sushi().Navigation().SetType(NavType.navlist)
                        .AddElement(Html.Sushi().NavigationItemHeader().SetValue("Cositas"))
                        .AddElement(Html.Sushi().Link().SetAction("Index").SetCaption("prueba2"))
                        .AddElement(Html.Sushi().Link().SetAction("Index").SetCaption("prueba2 Mola"))
                        .AddElement(Html.Sushi().NavigationItemHeader().SetValue("Prueba3"))
                        .AddElement(Html.Sushi().Link().SetAction("Index").SetCaption("Wholas")))))
    <div class="span9">
        <div class="row-fluid">
            <div class="page-header">
                <h1 class="logo" ><img src="/Content/images/Sushi01.png" />@ViewBag.Message
                    <small>Buttons in Sushi are pretty</small>
                </h1>
            </div>
            <!-- Example 1 -->
            @Html.Sushi().Layout().SetLayoutSize(GridSize.span9).AddElement(@Html.Sushi().Button().SetCaption("Button Primary").SetBehaviour(HtmlBehaviourType.Link).SetType(ButtonType.Primary))
            <!--</div>-->
            <div class="span8">
                <div style="margin: 5px 5px 5px 5px; display: block" class="span6">
                    <pre class="lang-cs prettyprint">
@@Html.Sushi().Button()
    .SetCaption("Button Primary")
    .SetBehaviour(HtmlBehaviourType.Link)
    .SetType(ButtonType.Primary)
</pre>
                </div>
                <div class="span2">
                    <p>Default Button in Sushi, you can set differents Behaviours like <code>HtmlBehaviourType.Link</code> and different types <code>ButtonType.Primary</code>.</p>
                </div>
            </div>
            <!-- End Example 1 -->
            <!-- Example 2 -->
            <div class="span9">
                @Html.Sushi().Button().SetCaption("Button Danger").SetBehaviour(HtmlBehaviourType.Link).SetType(ButtonType.Danger).SetSize(ButtonSize.small).SetAction("/Home/Buttons")
            </div>
            <div class="span8">
                <div style="margin: 5px 5px 5px 5px; display: block" class="span6">
                    <pre class="lang-cs prettyprint">
@@Html.Sushi().Button()
    .SetCaption("Button Danger")
    .SetBehaviour(HtmlBehaviourType.Link)
    .SetType(ButtonType.Danger)
    .SetSize(ButtonSize.small)
    .SetAction("/home/buttons")
</pre>
                </div>
                <div class="span2">
                    <p>Default Button in Sushi, you can set differents Sizes <code>ButtonSize</code>. And the controller/action to execute in <code>SetAction</code> Method.
                </div>
            </div>
        <!-- End Example 2 -->
            @(Html.Sushi().ButtonGroup()
                .AddButton(Html.Sushi().Button().SetType(ButtonType.Default).SetBehaviour(HtmlBehaviourType.Link).SetAction("#").SetCaption("1"))
                .AddButton(Html.Sushi().Button().SetType(ButtonType.Success).SetBehaviour(HtmlBehaviourType.Link).SetAction("#").SetCaption("2"))
                .AddButton(Html.Sushi().Button().SetType(ButtonType.Primary).SetBehaviour(HtmlBehaviourType.Link).SetAction("#").SetCaption("3"))
                .AddButton(Html.Sushi().Button().SetType(ButtonType.Danger).SetBehaviour(HtmlBehaviourType.Link).SetAction("#").SetCaption("4"))
            )
                </div>
	</div>
</div>